<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$data.name}</title>
    <meta name="keywords" content="{$data.seokeywords}" />
    <meta name="description" content="{$data.seodescription}" />
    <hdsyspage name="产品内容模版" />
    {include:link}
    <script type="text/javascript">
        var $jq = $;
        $jq(document).ready(function() {
            $jq('.showpic_flash').bxSlider({
                pagerCustom: '#pic-page',
                adaptiveHeight: true,
            });

        });
    </script>
</head>

<body id="product">

    {include:head}
    {include:bannabg}


    <!-- main -->
    <div class="container">
        <div class="row">


            <!-- right -->
            <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
                <div class="list_box">
                    <h2 class="left_h">{$data.nav.0.listname}</h2>

                    <!-- showpic -->
                    <div class="col-sm-12 col-md-6 showpic_box">
                        <ul class="showpic_flash">
                            {foreach explode('|',$data.album) as $vo}
                            {if $vo!=''}
                            <li><a target="_blank" class="example-image-link" href="{@GetImgesUrl($vo)}" data-lightbox="example-set" target="_blank"><img class="example-image" src="{@GetImgesUrl($vo)}" alt="{$data.name}" /></a></li>
                            {/if}
                            {/foreach}
                        </ul>
                        <div id="pic-page">
                            {php $run=0}
                            {foreach explode('|',$data.album) as $vo}
                            {if $vo!=''}

                            <a data-slide-index="{@$run}"><img src="{@GetImgesUrl($vo)}" alt="{$data.name}" /></a>
                            {php $run++}
                            {/if}
                            {/foreach}
                        </div>
                    </div>
                    <style>
                        .example-image {
                            max-width: 370px;
                            max-height: 370px;
                        }
                    </style>

                    <!-- product_info -->
                    <div class="col-sm-12 col-md-6 proinfo_box">
                        <h1 class="product_h1">{$data.name}</h1>
                        <ul class="product_info">
                            <li>{$data.attribute1}</li>
                            <li>{$data.attribute2}</li>
                            <li>{$data.attribute3}</li>
                            <li>{$data.attribute4}</li>
                            <li>产品描述：{@mb_substr($data['seodescription'],0,200,'utf-8')}</li>
                            <li>
                     
                                <a type="submit" name="button" href="{@jmp(gobuy,[],['title'=>'{$data.name}'])}" class="hdsyscms_bin btn btn-danger page-btn">联系预定</a>
                            </li>
                        </ul>
                    </div>

                    <div class="product_con editormd-preview">
                        <div id="content" class="markdown-body editormd-preview-container  editormd-html-preview">

                            {$data.content}

                        </div>
                    </div>

                    <div class="point">


                        <span class="to_prev col-xs-12 col-sm-6 col-md-6">上一个：
                            {if $prevnext.prev.url == '#'}
                            没有了
                            {else}
                            <a href="{@jmp($prevnext.prev.url)}" title="{$prevnext.prev.name}">{$prevnext.prev.name}</a>
                            {/if}
                        </span>


                        <span class="to_next col-xs-12 col-sm-6 col-md-6">
                            下一个：
                            {if $prevnext.next.url == '#'}
                            没有了
                            {else}
                            <a href="{@jmp($prevnext.next.url)}" title="{$prevnext.next.name}">{$prevnext.next.name}</a>

                            {/if}

                        </span>
                    </div>

                </div>

                <div class="list_related">
                    <h2 class="left_h">相关产品</h2>
                    <div class="product_list related_list">

                        {content  template="product" searchid='0' pid="" sdates="" isgraph='1'  sort=desc begin=0 rows=4 by="browse"  where=" " as=$vo }
                        <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                            <a href="{@jmp($vo.static_url)}">
                                <img src="{$vo.graph}" class="img-thumbnail" alt="{$vo.name}" />
                            </a>
                            <p class="product_title"><a href="{@jmp($vo.static_url)}" title="{$vo.name}">{$vo.name}</a></p>
                        </div>
                        {/exhibition}
                    </div>
                </div>
            </div>


            <!-- left -->
            <div class="col-xs-12 col-sm-4 col-md-3">
                {include:navs.content}

                <div class="left_news">
                    <h2 class="left_h">推荐内容</h2>
                    {include:news}
                </div>
                {include:contact}
            </div>

        </div>
    </div>


    {include:bottom}

</body>

</html>